<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <input type="text" class="myinput" />
    <script>
        //节流：一段时间内重复间隔时间多次执行代码；
        var myinput = document.querySelector(".myinput");
        // 一、简版节流；
        // 通过节流  ；
        // 记录时间；记录当前的时间戳；
        var startTime = new Date().getTime();
        myinput.oninput = function() {
            // console.log(this.value);//获取输入的值
            var endTime = new Date().getTime();
            if ((endTime - startTime) / 1000 > 1) {
                console.log(this.value);
                startTime = new Date().getTime();
            }
        };
    </script>
</body>

</html>